<template>
  <div>
    <h1>props练习</h1>
    <Pagination
      :currentPage="currentPage"
      :total="total"
      :limit="limit"
      :limitList="limitList"
      :changeCurrentPage="changeCurrentPage"
      :changeLimit="changeLimit"
    />
  </div>
</template>

<script>
import Pagination from "./components/Pagination";
export default {
  name: "App",
  components: {
    Pagination,
  },
  data() {
    return {
      currentPage: 1,
      total: 7,
      limit: 3,
      limitList: [3, 5, 7, 9],
    };
  },

  methods: {
    changeCurrentPage(newPage) {
      this.currentPage = newPage;
    },
    changeLimit(value) {
      this.limit = value;
    },
  },
};
</script>

<style></style>
